<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">

        <h:form id="form" >  

            <p:panel id="panel" header="Novo Usuario" style="margin-bottom:10px; width: 100%; height: 700px">  
                <p:messages id="messages" />  

                <h:panelGrid columns="2">  


                    <h:outputLabel for="firstname" value="Primeiro Nome *" />  
                    <p:inputText id="firstname"  required="true" label="Firstname">  
                        <f:validateLength minimum="2" />  
                    </p:inputText>  
                    <p:message for="firstname" />
                    <h:outputText /> 

                    <h:outputLabel for="surname" value="Sobrenome *" />  
                    <p:inputText id="surname"  required="true" label="Surname"/>  
                    <p:message for="surname" />

                    <h:outputText  />  
                    <h:outputText value="Telefone:   " />  
                    <p:inputMask  mask="(999) 9999-9999"/> 

                    <h:outputText value="Data de nascimento: " />
                    <p:calendar  id="popupCal" />  
                    <h:outputText value="Ativo: " />  
                    <p:selectBooleanCheckbox  />
                    <h:outputText value="Descricao :" />  
                    <p:inputTextarea rows="5" cols="30" counter="counter" maxlength="200"       
                                     counterTemplate="{0} characters remaining." autoResize="true"
                                    
                                     
                                     />





                    <p:commandButton value="Cadastrar" type="reset"   />   
                    <p:commandButton value="Reset" type="reset" />

                    





                </h:panelGrid>  
            </p:panel>  

        </h:form>  
    </ui:define>

</ui:composition>
